
html, body {
    width: 100%;
    height: 100%;
}

.content {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background-color: #252423;
}

.title {
    margin-left: 20px;
    color: #ffffff;
}

.box {
    flex: 1;
    display: flex;
}

.box .left {
    width: 300px;
    background-color: #1E1D1C;

    color: #B7B6B6;
}

.box .left ul li {
    height: 30px;
    cursor: pointer;
}

.box .right {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.box .right .header {
    height: 30px;
    padding-left: 20px;
    color: #CCCAC9;
    background-color: #252423;
    border-bottom: 1px solid #0D0D0C;
}

.box .right .svgframe {
    flex:1;
}
